page-product-detail {
  $bg: linear-gradient(to right, #7BD1F9, #45A4F1);
  .g-header-dark {
    .toolbar-background {
      background: $bg;
    }
  }
  .title-box {
    background: $bg;
    height: 230px;
  }
  .conversion-box {
    border-top: 1px solid transparent;
    color: #fff;
    b {
      display: block;
      font-size: 30px;
      margin-top: 35px;
    }
    span {
      display: block;
      font-size: 12px;
      margin-top: 10px;
    }
  }
  .conversion-detail-box {
    color: #fff;
    margin-top: 35px;
    .row {
      padding-left: 35px;
      padding-right: 35px;
      font-size: 13px;
      margin-bottom: 10px;
      white-space:nowrap;
      &:last-child{
        margin-bottom: 0;
      }
      b{
        margin-left: 20px;
        white-space:nowrap;
      }
    }
  }
  .detail-slides{
    //height: auto;
    height: calc(100% - 40px);
    .swiper-slide{
      display: block;
    }
  }
  .segment-md{
    background: #fff;
    .segment-button{
      color: rgba(0,0,0,0.4);
      height: 44px;
      line-height: 44px;
      border: none;
      &.segment-activated{
        color: #5EC2FF;
      }
      font-size: 14px;
    }
  }
  .segment-blank{
    height: 44px;
  }
  .product-segment-fixed{
    position: absolute;
    z-index: 999;
    top: 64px;
  }
  .record-info{
    background: #FFFFFF;
    border-radius: 10px;
    height: 90px;
    line-height: 90px;
    text-align: left;
    padding: 0 24px;
    font-size: 0;
    margin-bottom: 20px;
    &:last-child{
      margin-bottom: 0;
    }
    >*{
      display: inline-block;
      vertical-align: middle;
    }
    >.img-box{
      height: 50px;
      width: 50px;
      border-radius: 100px;
      background: #fff;
      border: 3px solid #6ECAFF;
      margin-right: 20px;
      position: relative;
      img{
        height: 34px;
        @include middle-center;
      }
    }
    >.info{
      width: 100px;
      line-height: 20px;
      span{
        display: block;
        font-size: 14px;
        color: rgba(0,0,0,0.6);
      }
      b{
        display: block;
        font-size: 12px;
        color: rgba(0,0,0,0.2);
      }
    }
    >b{
      font-size: 16px;
      color: rgba(0,0,0,0.8);
    }
  }
  .g-product-detail{
    text-align: left;
    font-size: 14px;
  }
}
